import { Children, lazy } from "react";
import {
  AppOutline,
  MessageOutline,
  MessageFill,
  UnorderedListOutline,
  UserOutline,
} from 'antd-mobile-icons'
const Layout=lazy(()=>import("../pages/Layout/Index"))
const Login=lazy(()=>import("../pages/Login/Index"))
const Home=lazy(()=>import("../pages/Home/Index"))
const Text=lazy(()=>import("../pages/Text/Index"))
const My=lazy(()=>import("../pages/My/Index"))

export const handleHomes=[
    {
        path:"/",
        element:<Home></Home>,
        title:"首页",
        icon:<AppOutline />
    },
    {
        path:"/text",
        element:<Text></Text>,
        title:"消息",
         icon:<MessageFill />
    },
    {
        path:"/my",
        element:<My></My>,
        title:"我的",
         icon:<UserOutline />
    },
]

export const router=[
    {
        path:"/",
        element:<Layout></Layout>,
        children:handleHomes
    },
    {
        path:"/login",
        element:<Login></Login>
    }
]